import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

import Home from '@/components/Home.vue'
import MapSimple from '@/components/MapSimple.vue'
import TileTianditu from '@/components/TileTianditu.vue'
import TileWms from '@/components/TileWms.vue'
import MarkerCluster from '@/components/MarkerCluster.vue'
import CanvasLayer from '@/components/CanvasLayer.vue'

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home
  },
  {
    path: '/mapsimple',
    name: 'MapSimple',
    component: MapSimple
  },
  {
    path: '/tianditu',
    name: 'TileTianditu',
    component: TileTianditu
  },
  {
    path: '/tilewms',
    name: 'TileWms',
    component: TileWms
  },
  {
    path: '/markercluster',
    name: 'MarkerCluster',
    component: MarkerCluster
  },
  {
    path: '/canvaslayer',
    name: 'CanvasLayer',
    component: CanvasLayer
  }
]

const router = new Router({
  routes: routes
})

export default router
